<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
    <meta charset="UTF-8">
    <title>加载事件</title>
    <script src="./../lib/jquery-3.7.0.js"></script>
</head>
<body>
<img src="xxx.png" alt="不存在的图片">
<script>
    window.onload = function () {  /* 由于onload既要加载结构又要加载内容，所以若HTML中图片不存在，则onload无法执行。同时也注定onload执行顺序在ready之后 */
        console.log("one");
    };
    window.onload = function () {  /* onload会被覆盖*/
        console.log("two");
    };
    $(document).ready(function () { /* ready由于仅加载结构，所以哪怕资源加载失败依旧能够执行。且ready不会被覆盖 */
        console.log("1");
    });
    $().ready(function () { /* ready的第二种写法 */
        console.log("2");
    });
    $(function () { /* ready的第三种写法*/
        console.log("3");
    });
</script>
</body>
</html>